/*  ^^^^ PANTALLA4.HTML ^^^^ */

/**
*Carga un select con los datos de un JSON
*@param url @type String: Direccion para obtener el JSON
*@param data @type String: datos de envio
*@param cmb @type String: Nombre del Objeto Select
*/
function loadCmbJson(url,data,cmb,usekey,selected){
 
    //invoca el metodo obtener Json por Get
    $.getJSON(url,data, function(json){
 
        //borramos el contenido de los option del select
        $('#'+cmb).html('');
 
        //recorremos todas las filas del resultado del proceso que obtenemos en Json
        $.each(json, function(key,val){
            
			console.log(key + ' ' + val);
            //introducimos los option del Json obtenido
            if (usekey){ 
                $('#'+cmb).append('<option value="'+key+'">'+key+' '+val+'</option>');
            } else {
                $('#'+cmb).append('<option value="'+key+'">'+val+'</option>');
            } 
        });
        if(selected != ''){
            $('#'+cmb+' option[value='+selected+']').attr('selected','selected');
        }
    });

    // $.getJSON(url, function(data){
    //     var items = [];
    //     $.each(data, function(key, val) {
    //         debugger;
    //         alert('<li id="' + key + '">' + val + '</li>');
    //     });
    // });
}


/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){ 
    /* CONFIG */
        
        xOffset = 10;
        yOffset = 30;
        
        // these 2 variable determine popup's distance from the cursor
        // you might want to adjust to get the right result
        
    /* END CONFIG */
    $("a.preview").hover(function(e){
        this.t = this.title;
        this.title = "";    
        var c = (this.t != "") ? "<br/>" + this.t : "";
        $("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");                                
        $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("fast");                        
    },
    function(){
        this.title = this.t;    
        $("#preview").remove();
    }); 
    $("a.preview").mousemove(function(e){
        $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });         
};

$(document).ready(function() {
  // Handler for .ready() called.
    $('#from-date').datepicker();
    $('#to-date').datepicker();

    $('.diario').click(function(){
        $('.diario').text('@');
        $('.fecha').text('');
    });

    $('.fecha').click(function(){
        $('.fecha').text('@');
        $('.diario').text('');
    });

    $('#analisis').change(function(){
        if($('#analisis').val() == 'int'){
            //$('#analisis option:selected').text('Central');
            $('.competencia').css('display', 'none');
        }else if($('#analisis').val() == 'ext'){
            $('.competencia').css('display', 'block');
        }else{
            $('.competencia').css('display', 'none');
        }
    });

    $('#analisis').change();

    if($('.right-side').height() > '563'){
        $('.left-menu').height($('.right-side').height());
    }
    imagePreview();
});

$('#transparencia').change(function(){
Simulation();
});

function Simulation(){
    $('#transparencia').addClass('red');
    $('#transparencia_variacion').val("120");
    $('#transparencia_variacion').addClass('red');
    $('#opinion_publica').val("3.06");
    $('#opinion_publica').addClass('red');
    $('#opinion_publica_variacion').val("101.66");
    $('#opinion_publica_variacion').addClass('red');
    $('#hablar').val("4.89");
    $('#hablar').addClass('red');
    $('#hablar_variacion').val("102.09");
    $('#hablar_variacion').addClass('red');
    $('#roa').val("6.82");
    $('#roa').addClass('red');
    $('#roa_variacion').val("103.18");
    $('#roa_variacion').addClass('red');
}